<template>
  <div>
    <p class="title"><span>我的个人知识库</span></p>
    <p class="briefIntroduction">通过分析您的日常文件、笔记、照片，持续构建和优化您的知识体系，让信息整理和获取变得轻松而直观。</p>
    <ul class="content">
      <li>
        <img
          src="https://s3-alpha-sig.figma.com/img/6765/1cac/10c43d0a812ae797275189490c018217?Expires=1717977600&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=Q8A6havyK6PnMqibOCZLp2Nrhu4afkB3i78W~rPbJ4sxGZgn6J8m2lBkyGSQmDrVKAv6dbmrIkz92kzG~3BZrdYZiQpRPmE4BHdwByh-9nLkTDm~PH9fDBJHOedUGUjf-9~NiYtYsUL05kJrG~Vk~ZVunXDrpZDHMZ-TAaDmGGmC-pLE0sIJsroY8cgtLqyWw-dArxFwoxUirYdFnMFaUM0OHA0q7Wu-Gcc7coj8uq7KB78omHywHIk~Mlh~KOlBOUyTA5WP9B89ON7PwpJyoafz4ltVxk9Hhk0mEYiJSq-gOie6r4P~CyqxKjpgy5UZnO2qQk-BfhoaLXUnuGpCIg__"
          alt="">
        <p>个性化</p>
      </li>
      <li>
        <img
          src="https://s3-alpha-sig.figma.com/img/8ab7/b3b6/1502615386e26b5b96899e3335e77f72?Expires=1717977600&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=j6Hcz4OQuvM2r4Glckv2ZFLAEX2ekpgIA6550qyJOTPUCUFTs2N4Ix8kcf9tOluoh1HQzASSJ2VT2-cYKH9BDtjRPeOS9pdXlxljm0lwDmYTQHbN5Ubup~7nGG1TYwt~GDI~vI7DxegV-PqqrNnasB3dgdMdfIL5JAv5lvrZksMd62QlDYzdSoDLk0GtsvgKFuMdgH7aWU3JSppEY05oS9YFYaRtNzwafNcuArl~xrbpX1Wwww81Fa89aSzWuQVzlijRqfUqh4biC6D0foxZwDdkVIa-AnqrMLxNBSl~twdwR3~~PwOR5~hvrq3MQ-PrN4l4DlQdiWjk30xzTxCLHQ__"
          alt="">
        <p>知识管理</p>
      </li>
      <li>
        <img
          src="https://s3-alpha-sig.figma.com/img/c8e5/df3e/820bebef07d0a98093fc4694532b0497?Expires=1717977600&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=VZCzeAu5JtuywTzO0-vQYonFnPvZznOokjEVzpmSUHdRzkiLNSqy-NC6eK8n8~AFObTpqZD9fJcWf9QY~GyUQOAsNKzkzthWYLBidQguGMKphcPzxg9jDIda1Fx-iV-hMss6OlWfTGL5z2S5PF~aU5kdtdYPg4gCj5evZ1UXBDl88pJAJPfbmY8Di~7si5jYEloZVTb2zz8QNRv4c1f8IlHXNtLTeZYWCwZRj8dhOiNKzu8bHv2axaIQ27K5Wq1aiRDdUKdWjqeDTYs44qHiCNFOFRKkzEtL6-QDSlluZ7vFLD-KMwZcatQpCkAelpkCrBOxRlVUQR-L-Y6H4jBXWw__"
          alt="">
        <p>内容整合</p>
      </li>
    </ul>
  </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>
.title {
  text-align: center;
  margin-top: 44px;

  span {
    font-size: 18px;

    &:nth-child(1) {
      color: #2962FF;

    }
  }
}

.briefIntroduction {
  color: #818391;
  font-size: 14px;
  margin-top: 5px;
  text-align: center;
}

.content {
  list-style: none;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 40px;

  li {
    width: 160px;
    margin: 0 40px;

    img {
      width: 160px;
      height: 160px;
      border-radius: 6.002px;
    }

    p {
      color: #818391;
      text-align: center;

      &:nth-child(2) {
        margin-top: 24px;
        font-size: 14px;
      }

      &:nth-child(3) {
        font-size: 12px;
        margin-top: 10px;

      }
    }

  }
}
</style>